<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="renderer" content="webkit">
    <meta http-equiv="Cache-Control" content="no-siteapp" />
    <title> 商家端</title>
    <link href="../css/main.css" rel="stylesheet">
    <link href="../css/laydate.css" rel="stylesheet">
    <link href="../css/laydate1.css" rel="stylesheet">
</head>

<body>
    <!-- 顶部 -->
    <div class="main_head">
        <div class="wid1225">
            <a href="#">设置</a><a href="#" class="out">退出</a>
        </div>
    </div>
    <!-- 顶部 -->
    <!-- 内容部分 -->
    <div class="wid1225 clear">
        <!-- 左侧菜单栏 -->
        <div class="tabs fl">
            <dl>
                <dt class="tabs_dt1">商品管理</dt>
                <dd><a href="main1.html">发布商品</a></dd>
                <dd><a href="main2.html">出售中商品</a></dd>
                <dd><a href="main3.html">已下架商品</a></dd>
                <dd><a href="main4.html">商品补仓</a></dd>
                <dd><a href="main41.html">类别管理</a></dd>
                <dt class="tabs_dt2">订单管理</dt>
                <dd><a href="main5.html">待发货订单</a></dd>
                <dd><a href="main6.html">待收货订单</a></dd>
                <dd class="active"><a href="javascript:void(0)">退款/售后</a></dd>
                <dd><a href="main8.html">订单记录</a></dd>
                <dt class="tabs_dt3">物流管理</dt>
                <dd><a href="main9.html">运费管理</a></dd>
                <dd><a href="main10.html">地址管理</a></dd>
                <dt class="tabs_dt4">交易管理</dt>
                <dd><a href="main11.html">交易记录</a></dd>
                <dd><a href="main12.html">总交易额</a></dd>
                <dt class="tabs_dt5"><a href="manage.html">店铺管理</a></dt>
                <dt class="tabs_dt6">客服管理</dt>
                <dd><a href="main13.html">客服管理</a></dd>
                <dd><a href="main14.html">问题反馈</a></dd>
                <dd><a href="main15.html">建议反馈</a></dd>
                <dt class="tabs_dt7"><a href="news.html">消息通知</a></dt>
                <dt class="tabs_dt8"><a href="compete.html">广告竞价</a></dt>
                <dt class="tabs_dt9">建议/反馈</dt>
                <dd><a href="main16.html">问题反馈</a></dd>
                <dt class="tabs_dt10">问题设置</dt>
                <dd><a href="main17.html">问题类别</a></dd>
                <dd><a href="main18.html">问题内容</a></dd>
                <dt class="tabs_dt11">管理设置</dt>
                <dd><a href="main19.html">用户设置</a></dd>
                <dd><a href="main20.html">角色权限</a></dd>
                <dd><a href="main21.html">功能模块</a></dd>
                <dd><a href="main22.html">社区信息</a></dd>
                <dt class="tabs_dt12">账号管理</dt>
                <dd><a href="main23.html">账号绑定</a></dd>
            </dl>
        </div>
        <!-- 左侧菜单栏 -->
        <!-- 右侧内容 -->
        <div class="content_right fl">
            <!-- 面包屑 -->
            <div class="bread">
                <ul>
                    <li class="bread_first">当前位置</li>
                    <li>商品管理</li>
                    <li>退款/售后</li>
                    <li class="tab_change">退款申请</li>
                </ul>
            </div>
            <!-- 面包屑 -->
            <!-- 主体内容 -->
            <div class="content">
                <!-- 标签切换 -->
                <div class="cuts"><span class="cut_active">退款申请</span><span>售后申请</span></div>
                <!-- 标签切换 -->
                <!-- 退款申请 content_main没有样式，只作为切换 -->
                <div class="content_main content_main1">
                    <!-- 输入框 -->
                    <div class="wid1100_input">
                        <ul class="wid85 clear">
                            <li><span>服务编号：</span>
                                <input type="text">
                            </li>
                            <li><span>收货人姓名：</span>
                                <input type="text">
                            </li>
                            <li><span>买家昵称：</span>
                                <input type="text">
                            </li>
                            <li><span>手机号：</span>
                                <input type="text">
                            </li>

                        </ul>
                        <input type="button" name="" class="search" value="搜&nbsp;&nbsp;&nbsp;&nbsp;索">
                    </div>
                    <!-- 输入框 -->
                   
                    <!-- 退款申请 -->
                    <div class="apply">
                        <!-- 单个方框 -->
                        <dl class="longdl">
                            <dt>
                                <span>订单编号：428</span>
                                <span>商品编号：428</span>
                                <span>交易总额：￥36.6<span class="yellow">含运费(10.00)</span></span>
                                <span class="fr">送达时间：2016-10-08</span>
                            </dt>
                            <dd>
                                <img src="../img/5A8D4977-2008-4B90-9303-914E54E48B59.gif">
                                <table>
                                    <tr>
                                        <td class="left_td">
                                            <ul class="clear">
                                                <li class="thename1">我是五个字我是五个字我是五个字我是五个字</li>
                                                <li>￥3.8</li>
                                                <li>退换数量：300万</li>
                                            </ul>
                                        </td>
                                        <td>
                                            <span class="grey">买家昵称</span>
                                            <span>矿泉水</span>
                                        </td>
                                        <td>
                                            <span>订单总额：￥36.6</span>
                                            <span class="yellow">含运费：(10.00)</span>
                                        </td>
                                        <td>
                                            <a href="javascript:void(0)">确认商品回收</a>
                                            <a href="javascript:void(0)">确认退款</a>
                                        </td>
                                        <td>
                                            <input type="button" name="" value="拒绝退款">
                                        </td>
                                    </tr>
                                </table>
                            </dd> 
                        </dl>
                        <dl class="longdl">
                            <dt>
                                <span>订单编号：428</span>
                                <span>商品编号：128376283</span>
                                <span>交易总额：￥36.6<span class="yellow">含运费(10.00)</span></span>
                                <span class="fr">送达时间：2016-10-08</span>
                            </dt>
                            <dd>
                                <img src="../img/6adc108fgw1f7ah2zsy14g209q09qqv8.gif">
                                <table>
                                    <tr>
                                        <td class="left_td">
                                            <ul class="clear">
                                                <li class="thename1">我是五个字我是五个字我是五个字我是五个字</li>
                                                <li>￥3.8</li>
                                                <li>退换数量：300万</li>
                                            </ul>
                                        </td>
                                        <td>
                                            <span class="grey">买家昵称</span>
                                            <span>矿泉水</span>
                                        </td>
                                        <td>
                                            <span>订单总额：￥36.6</span>
                                            <span class="yellow">含运费：(10.00)</span>
                                        </td>
                                        <td>
                                            <a href="javascript:void(0)">确认商品回收</a>
                                            <a href="javascript:void(0)">确认退款</a>
                                        </td>
                                        <td>
                                            <input type="button" name="" value="拒绝退款">
                                        </td>
                                    </tr>
                                </table>
                            </dd>
                        </dl>
                        <dl class="longdl">
                            <dt>
                                <span>订单编号：428</span>
                                <span>商品编号：428</span>
                                <span>交易总额：￥36.6<span class="yellow">含运费(10.00)</span></span>
                                <span class="fr">送达时间：2016-10-08</span>
                            </dt>
                            <dd>
                                <img src="../img/6adc108fgw1f79bq7z7pmg208c07gauu.gif">
                                <table>
                                    <tr>
                                        <td class="left_td">
                                            <ul class="clear">
                                                <li class="thename1">我是五个字我是五个字我是五个字我是五个字</li>
                                                <li>￥3.8</li>
                                                <li>退换数量：300万</li>
                                            </ul>
                                        </td>
                                        <td>
                                            <span class="grey">买家昵称</span>
                                            <span>矿泉水</span>
                                        </td>
                                        <td>
                                            <span>订单总额：￥36.6</span>
                                            <span class="yellow">含运费：(10.00)</span>
                                        </td>
                                        <td>
                                            <a href="javascript:void(0)">确认商品回收</a>
                                            <a href="javascript:void(0)">确认退款</a>
                                        </td>
                                        <td>
                                            <input type="button" name="" value="拒绝退款">
                                        </td>
                                    </tr>
                                </table>
                            </dd>
                        </dl>
                        <!-- 单个方框 -->
                        <!-- 翻页 -->
                        <div class="pages">
                            <span class="sumhis">共777条记录</span>
                            <input type="button" name="" class="pages_pre">
                            <ul class="clear">
                                <li><a href="javascript:void(0)">1</a></li>
                                <li><a href="javascript:void(0)" class="page_active">2</a></li>
                                <li><a href="javascript:void(0)">3</a></li>
                                <li><a href="javascript:void(0)">4</a></li>
                                <li><a href="javascript:void(0)">5</a></li>
                            </ul>
                            <input type="button" name="" class="pages_next">
                            <span class="sumpage">共5页</span>
                        </div>
                        <!-- 翻页 -->
                        
                    </div>
                    <!-- 退款申请 -->
                   
                </div>
                <!-- 退款申请 -->
                <!-- 售后申请 -->
                <div class="content_main content_main2 disN">
                    <!-- 输入框 -->
                    <div class="wid1100_input">
                        <ul class="wid85 clear">
                            <li><span>订单编号：</span>
                                <input type="text">
                            </li>
                            <li><span>收货人姓名：</span>
                                <input type="text">
                            </li>
                            <li><span>买家昵称：</span>
                                <input type="text">
                            </li>
                            <li><span>手机号：</span>
                                <input type="text">
                            </li>
                            
                        </ul>
                        <input type="button" name="" class="search" value="搜&nbsp;&nbsp;&nbsp;&nbsp;索">
                    </div>
                    <!-- 输入框 -->
                    
                    <!-- 售后申请 -->
                    <div class="apply apply2">
                        <!-- 单个方框 -->
                        <dl class="longdl">
                            <dt>
                                <span>服务编号：428</span>
                                <span>商品编号：428</span>
                                <span class="fr">送达时间：2016-10-08</span>
                            </dt>
                            <dd>
                                <img src="../img/5A8D4977-2008-4B90-9303-914E54E48B59.gif">
                                <table>
                                    <tr>
                                        <td class="left_td">
                                            <ul class="clear">
                                                <li class="thename1">我是五个字我是五个字我是五个字我是五个字</li>
                                                <li>￥3.8</li>
                                                <li>退换数量：300万</li>
                                            </ul>
                                        </td>
                                        <td>
                                            <span class="grey">买家昵称</span>
                                            <span>矿泉水</span>
                                        </td>
                                        <td>
                                            <span>订单总额：￥36.6</span>
                                            <span class="yellow">含运费：(10.00)</span>
                                        </td>
                                        <td>
                                            <input type="button" name="" value="上门收件">
                                        </td>
                                    </tr>
                                </table>
                            </dd>
                        </dl>
                        <dl class="longdl">
                            <dt>
                                <span>服务编号：428</span>
                                <span>商品编号：128376283</span>
                                <span class="fr">送达时间：2016-10-08</span>
                            </dt>
                            <dd>
                                <img src="../img/6adc108fgw1f7ah2zsy14g209q09qqv8.gif">
                                <table>
                                    <tr>
                                        <td class="left_td">
                                            <ul class="clear">
                                                <li class="thename1">我是五个字我是五个字我是五个字我是五个字</li>
                                                <li>￥3.8</li>
                                                <li>退换数量：300万</li>
                                            </ul>
                                        </td>
                                        <td>
                                            <span class="grey">买家昵称</span>
                                            <span>矿泉水</span>
                                        </td>
                                        <td>
                                            <span>订单总额：￥36.6</span>
                                            <span class="yellow">含运费：(10.00)</span>
                                        </td>
                                        <td>
                                            <input type="button" name="" value="上门收件">
                                        </td>
                                    </tr>
                                </table>
                            </dd>
                        </dl>
                        <dl class="longdl">
                            <dt>
                                <span>服务编号：428</span>
                                <span>商品编号：1283428</span>
                                <span class="fr">送达时间：2016-10-08</span>
                            </dt>
                            <dd>
                                <img src="../img/6adc108fgw1f79bq7z7pmg208c07gauu.gif">
                                <table>
                                    <tr>
                                        <td class="left_td">
                                            <ul class="clear">
                                                <li class="thename1">我是五个字我是五个字我是五个字我是五个字</li>
                                                <li>￥3.8</li>
                                                <li>退换数量：300万</li>
                                            </ul>
                                        </td>
                                        <td>
                                            <span class="grey">买家昵称</span>
                                            <span>矿泉水</span>
                                        </td>
                                        <td>
                                            <span>订单总额：￥36.6</span>
                                            <span class="yellow">含运费：(10.00)</span>
                                        </td>
                                        <td>
                                            <input type="button" name="" value="上门收件">
                                        </td>
                                    </tr>
                                </table>
                            </dd>
                        </dl>
                        <!-- 单个方框 -->
                        <!-- 翻页 -->
                        <div class="pages">
                            <span class="sumhis">共777条记录</span>
                            <input type="button" name="" class="pages_pre">
                            <ul class="clear">
                                <li><a href="javascript:void(0)">1</a></li>
                                <li><a href="javascript:void(0)" class="page_active">2</a></li>
                                <li><a href="javascript:void(0)">3</a></li>
                                <li><a href="javascript:void(0)">4</a></li>
                                <li><a href="javascript:void(0)">5</a></li>
                            </ul>
                            <input type="button" name="" class="pages_next">
                            <span class="sumpage">共5页</span>
                        </div>
                        <!-- 翻页 -->
                        
                    </div>
                    <!-- 售后申请 -->
                </div>
                <!-- 售后申请 -->
            </div>
            <!-- 主体内容 -->
        </div>
        <!-- 右侧内容 -->
    </div>
    <!-- 内容部分 -->
    <script src="../js/jquery.min.js?v=2.1.4"></script>
    <!-- 日期 -->
    <script type="text/javascript" src="../js/laydate.dev.js"></script>
    <!-- 日期 -->

    <script type="text/javascript">
    // 复选框，点击全选，点下面的栏目后取消全选，功能实现
    $(".wid1100_bar input[type=checkbox]").click(function() {
        if ($(this).val() == 0) {
            $(".longdl input[type=checkbox]").prop('checked', true);
            $(this).attr('value', '1');
            $(".longdl input[type=checkbox]").click(function() {
                $(".longdl input[type=checkbox]").each(function() {
                    // 这里的this指的是上面each中的那个input
                    if ($(this).is(':checked')) {} else {
                        $(".wid1100_bar input[type=checkbox]").attr('value', '0');
                        $(".wid1100_bar input[type=checkbox]").removeAttr('checked', null);
                    }
                })
            })

        } else {
            $(".longdl input[type=checkbox]").removeAttr('checked', null)
            $(this).attr('value', '0');
        }
    })

   
    // 切换退款申请和售后申请
    $(".cuts span").click(function() {
            var num = $(this).index();
            var val = $(this).text();
            $(".tab_change").text(val);
            $(".cuts span").removeClass('cut_active');
            $(this).addClass('cut_active');
            $(".content_main").hide();
            $(".content_main").eq(num).show();
            $(".content_main").eq(num).children('.apply2').show()
        })
    
    </script>
    <!-- 日期 -->
    <script type="text/javascript">
        laydate({
            elem: '#J-xl'
        });
        laydate({
            elem: '#J-xl2'
        });
    </script>
</body>

</html>
